<?xml version="1.0" encoding="utf-8" ?>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<f:view>
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
		<head>
			<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
			<meta name="description" content="Pokertisch des EWA Poker Portals." />
			<meta name="keywords" content="tisch EWA poker" />
			<meta name="language" content="de-AT" />
			<link rel="stylesheet" type="text/css" href="styles/screen.css" />
			<title>EWA Poker :: Tisch 1</title>
		</head>
		<body>
			<ul class="accessibility">
				<li><a href="#table" accesskey="0">Spielfeld</a></li>
				<li><a href="#navigation" accesskey="1">Navigation</a></li>
				<li><a href="#chips" accesskey="2" xml:lang="en">Chips</a></li>
				<li><a href="#news" accesskey="3" xml:lang="en">News</a></li>
				<li><a href="#probabilities" accesskey="4">Wahrscheinlichkeitstabelle</a></li>
			</ul>
			<div id="wrapper">
				<div id="header">
					<div id="teaser"></div>
					<h1>EWA Poker</h1>
				</div>
				<div id="body">
					<div id="infoborder">
						<p>Eingeloggt als 
							<em xml:lang="en"><h:outputText value="#{GameBean.player.userName}"/></em>.
						</p>
					</div>
					<div id="sidebar">
						<table id="chips">
							<tbody>
								<tr>
									<th colspan="2" xml:lang="en">Chips</th>
								</tr>
								<tr>
									<td>Im Pot</td>
									<td><h:outputText value="#{GameBean.potSize}"/> &euro;</td>
								</tr>
								<tr>
									<td>Ante</td>
									<td><h:outputText value="#{GameBean.fixedBetSize}"/> &euro;</td>
								</tr>
								<tr>
									<td>Ihr <span xml:lang="en">Stack</span></td>
									<td><h:outputText value="#{GameBean.playerStack}"/> &euro;</td>
								</tr>
							</tbody>
						</table>
						<hr class="accessibility" />
						<table id="probabilities">
							<tbody>
								<tr>
									<th colspan="2">Wahrscheinlichkeit</th>
								</tr>
								<tr>
									<td>Gewinn</td>
									<td>70,033%</td>
								</tr>
								<tr>
									<td xml:lang="en">Split</td>
									<td>43,887%</td>
								</tr>
								<tr>
									<td xml:lang="en">Pair</td>
									<td>10,998%</td>
								</tr>
								<tr>
									<td xml:lang="en">Two Pair</td>
									<td>2,33%</td>
								</tr>
								<tr>
									<td xml:lang="en">Three of a Kind</td>
									<td>0,337%</td>
								</tr>
								<tr>
									<td xml:lang="en">Straight</td>
									<td>20,332%</td>
								</tr>
								<tr>
									<td xml:lang="en">Flush</td>
									<td>12,223%</td>
								</tr>
								<tr>
									<td xml:lang="en">Full House</td>
									<td>0,777%</td>
								</tr>
								<tr>
									<td xml:lang="en">Four of a Kind</td>
									<td>0,301%</td>
								</tr>
								<tr>
									<td xml:lang="en">Straight Flush</td>
									<td>0,033%</td>
								</tr>
							</tbody>
						</table>
					</div>
					<hr class="accessibility" />
					<div id="main">
						<div id="navigation">
							<h:form>
								<ul>
									<li><h:commandButton action="#{GameController.newGame}" value="Neues Spiel" accesskey="n"/></li>
									<li><h:commandButton action="#{GameController.leaveTable}" value="Pokertisch verlassen" accesskey="v"/></li>
								</ul>
							</h:form>
						</div>
						<div id="table">
							<div id="dealercards">
								<h2>Karten der Bank</h2>
								<span id="dealercard1" xml:lang="en">
									<img src="<h:outputText value="#{GameBean.pathDealer0} "/>"
										 alt="croupier's cards: <h:outputText value="#{GameBean.altDealer0} "/>"
										 title="croupier's cards: <h:outputText value="#{GameBean.altDealer0} "/>" />
								</span>
								<span id="dealercard2" xml:lang="en">
									<img src="<h:outputText value="#{GameBean.pathDealer1} "/>"
										 alt="croupier's cards: <h:outputText value="#{GameBean.altDealer0} "/>"
										 title="croupier's cards: <h:outputText value="#{GameBean.altDealer0} "/>" />
								</span>
							</div>
							<div id="communitycards">
								<h2>Gemeinschaftskarten</h2>
								<span id="flop" xml:lang="en">
									<span id="flop1">
										<img src="<h:outputText value="#{GameBean.pathFlop0} "/>"
											 alt="Flop: <h:outputText value="#{GameBean.altFlop0} "/>"
											 title="Flop: <h:outputText value="#{GameBean.altFlop0} "/>" />
									</span>
									<span id="flop2">
										<img src="<h:outputText value="#{GameBean.pathFlop1} "/>"
											 alt="Flop: <h:outputText value="#{GameBean.altFlop1} "/>"
											 title="Flop: <h:outputText value="#{GameBean.altFlop1} "/>" />
									</span>
									<span id="flop3">
										<img src="<h:outputText value="#{GameBean.pathFlop2} "/>"
											 alt="Flop: <h:outputText value="#{GameBean.altFlop2} "/>"
											 title="Flop: <h:outputText value="#{GameBean.altFlop2} "/>" />
									</span>
								</span>
								<span id="turn" xml:lang="en">
									<img src="<h:outputText value="#{GameBean.pathTurn} "/>"
											 alt="Flop: <h:outputText value="#{GameBean.altTurn} "/>"
											 title="Flop: <h:outputText value="#{GameBean.altTurn} "/>" />
								</span>
								<span id="river" xml:lang="en">
									<img src="<h:outputText value="#{GameBean.pathRiver} "/>"
											 alt="Flop: <h:outputText value="#{GameBean.altRiver} "/>"
											 title="Flop: <h:outputText value="#{GameBean.altRiver} "/>" />
								</span>
							</div>
							<div id="betboxes">
									<h2>Aktionen</h2>
									<p xml:lang="en">
										<h:form>
											<h:commandButton disabled="#{!GameBean.foldActive}"
												type="submit" value="Fold" accesskey="f" tabindex="1"
												action = "#{GameController.fold}" />
											<h:commandButton disabled="#{!GameBean.checkActive}"
												type="submit" value="Check" accesskey="c" tabindex="2" 
												action = "#{GameController.check}"/>		
											<h:commandButton disabled="#{!GameBean.betActive}"
												type="submit" value="Bet" accesskey="b" tabindex="3" 
												action = "#{GameController.bet}"/>	
										</h:form>			
									</p>
							</div>
							<div id="playercards">
								<h2>Ihre Karten</h2>
								<span id="playercard1" xml:lang="en">
									<img src="<h:outputText value="#{GameBean.pathPlayer0} "/>"
											 alt="Flop: <h:outputText value="#{GameBean.altPlayer0} "/>"
											 title="Flop: <h:outputText value="#{GameBean.altPlayer0} "/>" />
								</span>
								<span id="playercard2" xml:lang="en">
									<img src="<h:outputText value="#{GameBean.pathPlayer1} "/>"
											 alt="Flop: <h:outputText value="#{GameBean.altPlayer1} "/>"
											 title="Flop: <h:outputText value="#{GameBean.altPlayer1} "/>" />
								</span>
							</div>
							<div id="news">
								<ul>
									<li><h:outputText value="#{GameBean.infoText} "/></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div id="footer">
					<p>&copy; 2008 EWA Poker.</p>
				</div>
			</div>
		</body>
	</html>
</f:view>